@import './index.scss';

/* 页面宽度小于768px
------------------------------- */
@media screen and (max-width: $sm) {
  .error {
    .error-flex {
      flex-direction: column-reverse !important;
      height: auto !important;
      width: 100% !important;
    }
    .right,
    .left {
      flex: unset !important;
      display: flex !important;
    }
    .left-item {
      margin: auto !important;
    }
    .right img {
      max-width: 450px !important;
      @extend .left-item;
    }
  }
}

/* 页面宽度大于768px小于992px
------------------------------- */
@media screen and (min-width: $sm) and (max-width: $md) {
  .error {
    .error-flex {
      padding-left: 30px !important;
    }
  }
}

/* 页面宽度小于1200px
------------------------------- */
@media screen and (max-width: $lg) {
  .error {
    .error-flex {
      padding: 0 30px;
    }
  }
}
